<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="盖网,网上购物,网上商城,积分兑换,积分消费,手机,笔记本,电脑,数码,服装,手表,化妆品,保健品,盖象商城" />
    <meta name="Description" content="盖网,盖象商城-中国最大的网上购物及积分兑换消费商城，便捷，诚信的服务,为您提供愉悦的网上商城购物体验!" />
    <title>盖象商城</title>
    <link href="../styles/login.css" rel="stylesheet" type="text/css" />
    <link href="../styles/global.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!--主体start-->
<div class="gx-register" >
    <div class="gx-zan">
        <div style="width: 100%;height: 50px;position: relative"></div><!--占高度的div-->
        <a href="#" ></a>
    </div>
      <div id="notice-con" class="notice-con2">
          <div class="gotologin">已有账号？请 <a  href="登录.html">登录</a></div>
              <div class="notice-con-left">
                  <form id=""  name="" action="" method="post" >
                      <div class="formdiv clearfix">
                          <label class="formtwo" for="R_nb"><span class="register-color"> * </span>手机号码：</label>
                          <input name="" type="text" class="notice-con-formBox-inputStyle3 R_nb" id="R_nb" placeholder="请输入您的手机号码">
                          <div class="help-block" style="display: none">
                                手机号码已被注册，请重新输入
                            </div>
                          <div class="notice-warn2">
                              完成验证后，您可以用该手机号登录和找回密码
                          </div>
                      </div>
                      <div class="formdiv clearfix">
                          <label class="formtwo" for="mb_captcha"><span class="register-color"> * </span>请填写手机校验码：</label>
                          <input name="" type="text" class="notice-con-formBox-inputStyle3" id="mb_captcha" placeholder="请输入手机验证码">
                          <input class="notice-con-formBox-formInforspan3 " id="gx-duanxin" value="获取短信验证码"type="button">
                            <div class="help-block" style="display: inline-block">
                                手机校验码有误，请重新输入
                            </div>
                      </div>
                      <div class="formdiv clearfix" style="position: relative">
                          <label class="formtwo" for="R_pw"><span class="register-color"> * </span>设置密码：</label>
                          <input name="" type="password" class="notice-con-formBox-inputStyle3 R_pw2" id="R_pw" placeholder="请输入6-20位登录密码">
                          <span class="eyeBt" id="eyeBt"></span>
                            <div class="help-block" style="display: none">
                                请输入6-20位登录密码
                            </div>
                          <div class="notice-warn2" >
                              6-20位字符，建议由字母，数字和符号两种以上组合
                          </div>
                      </div>
                      <div class="formdiv clearfix">
                          <label class="formtwo" for="R_referee">推荐人会员号：</label>
                          <input name="" type="text" class="notice-con-formBox-inputStyle3" id="R_referee" placeholder="请输入推荐人会员号">
                          <div class="help-block" style="display: inline-block">
                             请输入正确的推荐人会员号
                          </div>
                      </div>
                      <div class="formdiv formdiv_m">
                         <input  class="input_check" id="savestate"  type="checkbox" checked="checked"  onclick="Change(this)" >
                          我已阅读并同意<a href="">《盖象商城用户入驻协议》</a>
                      </div>
                      <input class="notice-con-formBox-bt2" type="submit" value="立即注册">
                  </form>
              </div>
              <div class="notice-con-right">
                  <p class="notice-con-right-p  notice-con-m">欢迎注册盖象会员</p>
                  <p class="notice-con-right-p">三大专项特权等着您</p>
                  <ul>
                      <li><i class="R-icon1"></i>会员绑定，终身奖励</li>
                      <li><i class="R-icon2"></i>积分购物，优惠多多</li>
                      <li><i class="R-icon3"></i>积分通用，返利不断</li>
                  </ul>
                  <div class="notice-con-right-d">
                      <i></i>
                      <div class="notice-con-right-d2">
                          服务电话 <br>400-620-6899
                      </div>
                  </div>
              </div>
      </div>
</div>
<!--主体end-->
<!-- 底部start -->
<div class="gx-bottom-link">
    <div class="gx-bottom-link-main">
        <div class="gx-bottom-link-item">
            <a href="#" title="关于盖网">关于盖网</a>|
            <a href="#" title="帮助中心">帮助中心</a>|
            <a href="#" title="网站地图">网站地图</a>|
            <a href="#" title="诚聘英才">诚聘英才</a>|
            <a href="#" title="联系客服">友情链接</a>|
            <a href="#" title="联系客服">联系客服</a>|
            <a href="#" title="免责声明">免责声明</a>|
            <a href="#" title="隐私保护">隐私保护</a>|
            <a href="#" title="家长监护">家长监护</a>|
            <a href="#" title="站长统计">站长统计</a>|
        </div>
        <div class="bottom-link">
            <span>Copyrightg-emall.com </span>|
            <span>增值电信业务经营许可证：</span>
            <span>粤B2-20140364 </span>|
            <span>粤ICP备14049968号-2</span>|
            <span>互联网药品信息服务资格证</span>|
            <span>网络文化经营许可证</span>|
            <span>穗公网监备案证第44070050010060号</span>|
        </div>

    </div>
</div>
<!-- 底部end -->
</body>
</html>
<script src="../js/jquery-1.9.1.js"></script>
<script>

    //    我已阅读并同意。。。按钮状态
    function Change(obj) {
        if (obj.checked == true) {
            document.getElementsByClassName("notice-con-formBox-bt2")[0].style.backgroundColor="#c40219";
            document.getElementsByClassName("notice-con-formBox-bt2")[0].disabled="";
        }
        else {
            document.getElementsByClassName("notice-con-formBox-bt2")[0].disabled="disabled";
         document.getElementsByClassName("notice-con-formBox-bt2")[0].style.backgroundColor="#cdcdcd";
        }
    }
    //    获取短信验证码按钮状态
    //倒计时
    $("#gx-duanxin").click(function(){
        if($("#gx-duanxin").hasClass("disabled")){

        }else{
            $(this).addClass("disabled");
            $("#gx-duanxin").val("60秒");
            var second=60;
            var timer=setInterval(function(){
                second--;
                $("#gx-duanxin").val(second +"秒");
                if(second<=0){
                    $("#gx-duanxin").removeClass("disabled");
                    $("#gx-duanxin").val("重新获取验证码");
                    clearInterval(timer);
                    second=60;
                }
            }, 1000);
        }
    })
    //    点击小眼睛按钮密文切换成明文
    $("#eyeBt").click(function(){
        if($("#R_pw").attr('type') == 'password' ){
          $("#R_pw").attr("type","text");
            $("#eyeBt").css({"background-position":"-35px -11px","width":"20","height":"11"});
        }else{
            $("#R_pw").attr("type","password");
            $("#eyeBt").css({"background-position":"-10px -8px","width":"19","height":"16"});
        }
    });
//    input聚焦时弹出提示框
    $('.R_nb').focus(function(){
        $(this).nextAll(".notice-warn2").toggle();
    });
    $('.R_nb').blur(function(){
        $(this).nextAll(".notice-warn2").toggle();
    });
    $('.R_pw2').focus(function(){
        $(this).nextAll(".notice-warn2").toggle();
    });
    $('.R_pw2').blur(function(){
        $(this).nextAll(".notice-warn2").toggle();
    });
    </script>